<html>
<head>
  <title>Devcathlon: Team Description</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  .style1 {color: #FF0000}
  </style>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->
<div id="mainContent">
	<h2>Mockup 4</h2>
	<!-- Team's introduction -->
    <p><img src="mockup3_logo.jpg" width="150" height="100" alt="mockup3 thumb"></p>
<p class="quotes"> "A group becomes a team when each member is sure enough of himself and his contribution to praise the skill of the others."
  - Norman S Hidle    </p>
  	<p>We are a group of programming evangelists. Our team consists of a range of skills and experiences that make us ideal in any project situation. This team's longstanding relationship has granted us many badges along with many bragging rights. Enjoy! ;)</p>
</div>
	<!-- Team members -->
    <h3>Team Members</h3>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
  		<div class="CollapsiblePanelTab" tabindex="0"><a href="myprofile.html">John Ly</a></div>
  		<div class="CollapsiblePanelContent">
        	<a href="myprofile.html"><img src="img.jpg" width="50" height="50" alt="profile thumb"></a>
				<table id="john_profile" width="85%">
                <caption>John's Quick Profile</caption>
                    <colgroup>
                        <col id="Rank"/>
                        <col id="Individual Points"/>
                        <col id="Total Individual Points"/>
                        <col id="Recent Achievements"/>
                    </colgroup>
                    <thead>
                        <tr>
                            <th scope="col">Rank</th>
                            <th scope="col">Individual Points</th>
                            <th scope="col">Profile Points</th>
                            <th scope="col">Recent Achievements</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <th scope="row">30</th>
                            <th scope="row">45</th>
                            <th scope="row"><a href="achievements.html"><img src="achvmvp.jpg" class="achievements" alt="ach thumb"><img src="achvbuild.jpg" class="achievements" alt="achieve thumb"><img src="achvfirstwin.jpg" class="achievements" alt="achieve thumb"></a></th>
                        </tr>
                    </tbody>
                </table>
        </div>
    </div>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
    	<div class="CollapsiblePanelTab" tabindex="0"><a href="myprofile.html">Anthony Du</a></div>
        <div class="CollapsiblePanelContent"><img src="johnz.jpg" width="50" height="50" alt="default profile thumb"></div>
    </div>
    <div id="CollapsiblePanel3" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"><a href="myprofile.html">Robin Raqueno</a></div>
      <div class="CollapsiblePanelContent"><img src="johnz.jpg" width="50" height="50" alt="default profile thumb"></div>
    </div>
    <!-- Team projects -->
    <h3>Team Projects</h3>
    <div id="CollapsiblePanel4" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"><a name="devcathlon_label" href="#">"Devcathlon" Project</a></div>
      <div class="CollapsiblePanelContent">
      	<p>Building a continuous integration game for software engineers and developers alike.</p>
  	  	<table id="john_profile" width="85%">
        	<caption>Devcathlon Details</caption>
            <colgroup>
                <col id="Matches"/>
                <col id="Start Date"/>
                <col id="End Date"/>
                <col id="Status"/>
			</colgroup>
			<thead>
            	<tr>
					<th scope="col">Matches</th>
					<th scope="col">Start Date</th>
                    <th scope="col">End Date</th>
					<th scope="col">Status</th>
                </tr>
			</thead>
			<tbody>
				<tr>
					<th scope="row"><a href="#match2_label">Match 2</a></th>
					<th scope="row">01/14/09</th>
                    <th scope="row">01/22/09</th>
					<th scope="row">Completed</th>
				</tr>
                	<tr>
					<th scope="row"><a href="#deathmatch_label">Death match</a></th>
					<th scope="row">01/30/09</th>
                    <th scope="row">---</th>
					<th scope="row">In progress</th>
				</tr>
            </tbody>
		</table>
  <h3><a name="match2_label" href="matchdetails_2.html">Match 2</a></h3><p align="right"><a href="#devcathlon_label"> ^top</a></p>
  <table width="748">
  <tr>
    <td width="196">&nbsp;</td>
    <td width="181">
      <div align="center">
        <img src="img.jpg"><br><br>
        <strong>John L.</strong>
      </div>
    </td>
    <td width="174">
      <div align="center">
        <img src="johnz.jpg"><br><br>
        <strong>Anthony D.</strong>
      </div></td>
    <td width="169">
      <div align="center">
        <img src="johnz.jpg"><br><br>
        <strong>Robin R.</strong>
      </div>
    </td>
  </tr>
  <tr>
    <td><strong>Build OK (+1 pts)</strong></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
  </tr>
  <tr>
    <td><strong>Commit Early (+5 pts)</strong></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x0</div></td>
  </tr>
  <tr>
    <td><strong>Commit Right Size (+5 pts)</strong></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x1</div></td>
  </tr>
  <tr>
    <td><strong>-Activity-</strong></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
  </tr>
  <tr>
    <td><strong>-</strong></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
  </tr>  
  <tr>
    <td><strong><font color="#FF0000">Build Failed (-5 pts)</font></strong></td>
    <td><font color="#FF0000"><div align="center">x1</div></font></td>
    <td><font color="#FF0000"><div align="center">x0</div></font></td>
    <td><font color="#FF0000"><div align="center">x0</div></font></td>
  </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><div align="left"><strong>Individual Total</strong></div></td>
      <td><div align="center"><strong>30 pts</strong></div></td>
      <td><div align="center"><strong>35 pts</strong></div></td>
      <td><div align="center"><strong>20 pts</strong></div></td>
    </tr>
    <tr bordercolor="E9F0FF" bgcolor="E9F0FF">
      <td><div align="left"><strong>Team Total</strong></div></td>
      <td>&nbsp;</td>   
      <td>&nbsp;</td>
      <td><div align="center"><strong>85 pts</strong></div></td>
    </tr>
  
</table>

  <br>
<table width="850" border="1">
  <tr>
    <td><strong>Project Health</strong></td>
  </tr>
  <tr>
    <td><img src="projecthealth.png"></td>
  </tr>
</table>
<table width="551" border="0">
  <tr>
    <td width="191"><strong>Event History <a href="#">[Show All]</a></strong></td>
    <td width="215"><strong>Related Person(s)</strong></td>
    <td width="131"><strong>Date</strong></td>
  </tr>
  <tr>
    <td><span class="style1">-5 (Build Failed)</span></td>
    <td><span class="style1">John L.</span></td>
    <td><span class="style1">1/25/2009 09:10:50 am</span></td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td>Robin R.</td>
    <td>1/24/2009 03:20:30 pm</td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td> John L.</td>
    <td>1/24/2009 01:34:29 pm</td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td>Anthony D.</td>
    <td>1/24/2009 10:35:27 am</td>
  </tr>
  <tr>
    <td>-20 (Late Start) </td>
    <td>Entire Team</td>
    <td>1/23/2009 10:27:15 pm</td>
  </tr>
</table>
	<h3><a name="deathmatch_label" href="matchdetails_2.html">Death Match</a></h3><p align="right"><a href="#devcathlon_label"> ^top</a></p>
      </div>
    </div>
    <div id="CollapsiblePanel5" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"><a href="#">"Hak (this) Project" Project</a></div>
      <div class="CollapsiblePanelContent">Content</div>
    </div>

<p>&nbsp;</p>
<h3><strong>Self-Report Event Form</strong></h3>
<form action="" method="post" enctype="multipart/form-data" name="form1">
  <table width="495" border="0">

    <tr>
      <td width="159"><strong>Event Type:</strong></td>
      <td width="326">
        
          <div align="left">
            <select name="self-event-type" id="self-event-type">
              <option value="20">Pair Programming (+20 pts)</option>
              <option value="10">Team Meeting (+10 pts)</option>
            </select>
          </div></td>
    </tr>
    <tr>
      <td><strong>Description of Event:</strong></td>
      <td>
        <div align="left">
          <textarea name="self_event_desc" cols="45" id="self_event_desc"></textarea>
          </div></td>
    </tr>
    <tr>
      <td><strong>Photo proof (optional):</strong></td>
      <td>
        <div align="left">
          <input name="photo_proof" type="file" id="photo_proof" size="40">
          </div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>
        
            <div align="left">
              <input type="submit" name="Submit for Approval" id="Submit for Approval" value="Submit">
              </div></td>
    </tr>
  </table>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</center>
</div> <!-- Ends id=profile -->
 
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p> This page displays information relevant to the team, as well as any matches they are involved in.  </p>
<p>At the bottom, there is the self-event report form.  You can submit points for this team to be approved.  Members involved in this match will see this in the home page.  If one-half of the participants (not on your team) approves of your report, your team will gain those points.  
  <!-- End id=page --> Uploading a photo would be optional but would help your make your case stronger.  
</p>
</div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
//-->
</script>
</body>
</html>
